
var win = Ti.UI.currentWindow;


var napis1 = Ti.UI.createLabel({
	text: "vremenska napoved za vnešeno mesto",
	font: {fontFamily:"Arial",fontSize:30},
	color: '#000000',
	top: '2dip',
	left: '2dip',
});

var napis2 = Ti.UI.createLabel({
	text: "mesto:",
	font: {fontFamily:"Arial",fontSize:30},
	color: '#000000',
	top: '70dip',
	left: '30dip',
});

var vnos_mesta = Ti.UI.createTextField({
	font: {fontFamily:"Arial",fontSize:25},
	top: '64dip',
	left: '100dip',
	width: '200dip',
	borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
	keyboardType:Titanium.UI.KEYBOARD_DEFAULT,
});

var izbira_vnesenih_mest = Ti.UI.createPicker({
	useSpinner: 'false',
	top: '110dip',
	left: '100dip',
	height: '50dip',
	width: '200dip',
})

izbira_vnesenih_mest.addEventListener('change', function(e) {
	vnos_mesta.value = izbira_vnesenih_mest.getSelectedRow(0).title;
});


var gumb_poisci_podatke = Ti.UI.createButton({
	title: 'vremenska napoved', 
	top: '160dip',
	left: '100dip',
	height: '50dip',
	width: '200dip',
	font: {fontFamily:"Arial",fontSize:20},
})

gumb_poisci_podatke.addEventListener('click', function() {	
	xhr.open('GET', 'https://164.8.251.99:9473/services/cir2012/SiNf_Vreme/vrniVremeZaMesto?mesto=' + vnos_mesta.value.replace(' ','+'));
	xhr.send();
});


var napisStopinje = Ti.UI.createLabel({
	font: {fontFamily:"Arial",fontSize:20},
	top: '40%',
	left: '2%',
})

//izbira_vnesenih_mest.add(Ti.UI.createPickerRow({title:''}));
var vnesenaMesta = [];
var vnesenaMesta = Ti.App.Properties.getList("vnesenaMesta");
if(vnesenaMesta == null) {
	vnesenaMesta = []
} else {
	vnos_mesta.value = vnesenaMesta[0];
}

for(i = 0; i < vnesenaMesta.length; i++) {
	izbira_vnesenih_mest.add(Ti.UI.createPickerRow({title:vnesenaMesta[i]}));
}

var podatki = Ti.UI.createView({
	top: '210dip',
	width: '100%',
	height: '482dip',
});

win.add(podatki);

var pogledPodatkiUstvarjen = false;

function ustvariPogledPodatki() {
	trenutne_razmere_pogled = Ti.UI.createView({
		top: '0dip',
		width: '100%',
		height: '100dip',
	});
			
	napoved_razmere1_pogled = Ti.UI.createView({
		top: '102dip',
		left: '0%',
		width: '33.3%',
		height: '170dip',
	});
			
	napoved_razmere2_pogled = Ti.UI.createView({
		top: '102dip',
		left: '33.3%',
		width: '33.3%',
		height: '170dip',
	});
			
	napoved_razmere3_pogled = Ti.UI.createView({
		top: '102dip',
		left: '66.6%',
		width: '33.4%',
		height: '170dip',
	});
			
	seperator = Ti.UI.createView({
		top: '100dip',
		height: '1dip',
		width: '100%',
		backgroundColor: '#000000',
	})
			
			
	trenutne_razmere_napis1 = Ti.UI.createLabel({
		text: 'temp',
		font: {fontFamily:"Arial",fontSize:30},
		color: '#000000',
		top: '0dip',
		left: '33.3%',
	})
			
	trenutne_razmere_napis2 = Ti.UI.createLabel({
		text: 'vlažnost',
		font: {fontFamily:"Arial",fontSize:30},
		color: '#000000',
		left: '33.3%',
		top: '50dip',
	})
			
	trenutne_razmere_napis3 = Ti.UI.createLabel({
		text: 'smer',
		font: {fontFamily:"Arial",fontSize:30},
		color: '#000000',
		left: '66.6%',
		top: '0dip',
	})
			
	trenutne_razmere_napis4 = Ti.UI.createLabel({
		text: 'hitrost',
		font: {fontFamily:"Arial",fontSize:30},
		color: '#000000',
		left: '66.6%',
		top: '50dip',
	})
			
	trenutne_razmere_vrednost_temperatura = Ti.UI.createLabel({
		font: {fontFamily:"Arial",fontSize:30,fontWeight:'bold'},
		color: '#000000',
		left: '33.3%',
		top: '25dip',
	})
	
			
	trenutne_razmere_vrednost_vlaznost = Ti.UI.createLabel({
		font: {fontFamily:"Arial",fontSize:30,fontWeight:'bold'},
		color: '#000000',
		left: '33.3%',
		top: '75dip',
	})
	
			
	trenutne_razmere_vrednost_veter_smer = Ti.UI.createLabel({
		font: {fontFamily:"Arial",fontSize:30,fontWeight:'bold'},
		color: '#000000',
		left: '66.6%',
		top: '25dip',
	})
			
	
			
	trenutne_razmere_vrednost_veter_hitrost = Ti.UI.createLabel({
		font: {fontFamily:"Arial",fontSize:30,fontWeight:'bold'},
		color: '#000000',
		left: '66.6%',
		top: '75dip',
	})
			
			
	trenutne_razmere_slika = Ti.UI.createImageView({
		backgroundColor: '#000000',
		left: '0%',
		top: '0dip',
		width: '100dip',
		height: '100dip',
	})
	
	
				
	podatki.add(trenutne_razmere_pogled);
	podatki.add(napoved_razmere1_pogled);
	podatki.add(napoved_razmere2_pogled);
	podatki.add(napoved_razmere3_pogled);
	podatki.add(seperator);
			
	trenutne_razmere_pogled.add(trenutne_razmere_napis1);
	trenutne_razmere_pogled.add(trenutne_razmere_napis2);
	trenutne_razmere_pogled.add(trenutne_razmere_napis3);
	trenutne_razmere_pogled.add(trenutne_razmere_napis4);
	trenutne_razmere_pogled.add(trenutne_razmere_vrednost_temperatura);
	trenutne_razmere_pogled.add(trenutne_razmere_vrednost_vlaznost);
	trenutne_razmere_pogled.add(trenutne_razmere_vrednost_veter_smer);
	trenutne_razmere_pogled.add(trenutne_razmere_vrednost_veter_hitrost);
	trenutne_razmere_pogled.add(trenutne_razmere_slika);
	
					
			
	//napoved1
	
	napoved1_napis1 = Ti.UI.createLabel({
		text: 'min temp',
		font: {fontFamily:"Arial",fontSize:25},
		color: '#000000',
		top: '20dip',
		left: '0dip',
	})
			
	napoved1_napis2 = Ti.UI.createLabel({
		text: 'max temp',
		font: {fontFamily:"Arial",fontSize:25},
		color: '#000000',
		top: '60dip',
		left: '0dip',
	})
			
	napoved1_vrednost_dan1 = Ti.UI.createLabel({
		font: {fontFamily:"Arial",fontSize:25,fontWeight:'bold'},
		color: '#000000',
		left: '0dip',
		top: '0dip',
	})
			
	napoved1_vrednost_min_temperatura = Ti.UI.createLabel({
		font: {fontFamily:"Arial",fontSize:25,fontWeight:'bold'},
		color: '#000000',
		left: '0dip',
		top: '40dip',
	})
	        
	napoved1_vrednost_max_temperatura = Ti.UI.createLabel({
		font: {fontFamily:"Arial",fontSize:25,fontWeight:'bold'},
		color: '#000000',
		left: '0dip',
		top: '80dip',
	})
	
	napoved1_slika = Ti.UI.createImageView({
		backgroundColor: '#000000',
		left: '0%',
		top: '100dip',
		width: '70dip',
		height: '70dip',
	})
	
	napoved_razmere1_pogled.add(napoved1_napis1);
	napoved_razmere1_pogled.add(napoved1_napis2);
	napoved_razmere1_pogled.add(napoved1_vrednost_dan1);
	napoved_razmere1_pogled.add(napoved1_vrednost_min_temperatura);
	napoved_razmere1_pogled.add(napoved1_vrednost_max_temperatura); 
	napoved_razmere1_pogled.add(napoved1_slika);
	        
	        
	//napoved2
	
	napoved2_napis1 = Ti.UI.createLabel({
		text: 'min temp',
		font: {fontFamily:"Arial",fontSize:25},
		color: '#000000',
		top: '20dip',
		left: '0dip',
	})
	
	napoved2_napis2 = Ti.UI.createLabel({
		text: 'max temp',
		font: {fontFamily:"Arial",fontSize:25},
		color: '#000000',
		top: '60dip',
		left: '0dip',
	})
	
	napoved2_vrednost_dan1 = Ti.UI.createLabel({
		font: {fontFamily:"Arial",fontSize:25,fontWeight:'bold'},
		color: '#000000',
		left: '0dip',
		top: '0dip',
	})
	
	napoved2_vrednost_min_temperatura = Ti.UI.createLabel({
		font: {fontFamily:"Arial",fontSize:25,fontWeight:'bold'},
		color: '#000000',
		left: '0dip',
		top: '40dip',
	})
	
	napoved2_vrednost_max_temperatura = Ti.UI.createLabel({
		font: {fontFamily:"Arial",fontSize:25,fontWeight:'bold'},
		color: '#000000',
		left: '0dip',
		top: '80dip',
	})
	
	napoved2_slika = Ti.UI.createImageView({
		backgroundColor: '#000000',
		left: '0%',
		top: '100dip',
		width: '70dip',
		height: '70dip',
	})
	
	napoved_razmere2_pogled.add(napoved2_napis1);
	napoved_razmere2_pogled.add(napoved2_napis2);
	napoved_razmere2_pogled.add(napoved2_vrednost_dan1);
	napoved_razmere2_pogled.add(napoved2_vrednost_min_temperatura);
	napoved_razmere2_pogled.add(napoved2_vrednost_max_temperatura); 
	napoved_razmere2_pogled.add(napoved2_slika);
	
	
	//napoved3
	
	napoved3_napis1 = Ti.UI.createLabel({
		text: 'min temp',
		font: {fontFamily:"Arial",fontSize:25},
		color: '#000000',
		top: '20dip',
		left: '0dip',
	})
	
	napoved3_napis2 = Ti.UI.createLabel({
		text: 'max temp',
		font: {fontFamily:"Arial",fontSize:25},
		color: '#000000',
		top: '60dip',
		left: '0dip',
	})
	
	napoved3_vrednost_dan1 = Ti.UI.createLabel({
		font: {fontFamily:"Arial",fontSize:25,fontWeight:'bold'},
		color: '#000000',
		left: '0dip',
		top: '0dip',
	})
	
	napoved3_vrednost_min_temperatura = Ti.UI.createLabel({
		font: {fontFamily:"Arial",fontSize:25,fontWeight:'bold'},
		color: '#000000',
		left: '0dip',
		top: '40dip',
	})
	
	napoved3_vrednost_max_temperatura = Ti.UI.createLabel({
		font: {fontFamily:"Arial",fontSize:25,fontWeight:'bold'},
		color: '#000000',
		left: '0dip',
		top: '80dip',
	})
	
	napoved3_slika = Ti.UI.createImageView({
		backgroundColor: '#000000',
		left: '0%',
		top: '100dip',
		width: '70dip',
		height: '70dip',
	})
	        
	napoved_razmere3_pogled.add(napoved3_napis1);
	napoved_razmere3_pogled.add(napoved3_napis2);
	napoved_razmere3_pogled.add(napoved3_vrednost_dan1);
	napoved_razmere3_pogled.add(napoved3_vrednost_min_temperatura);
	napoved_razmere3_pogled.add(napoved3_vrednost_max_temperatura); 
	napoved_razmere3_pogled.add(napoved3_slika);
    pogledPodatkiUstvarjen = true;
}



var xhr = Ti.Network.createHTTPClient({
    onload: function(e) {
        if(pogledPodatkiUstvarjen == false) {
        	ustvariPogledPodatki();
        }
        
        var xml = Titanium.XML.parseString(this.responseText);
        var trenutneRazmere = xml.getElementsByTagName("trenutne_razmere");
        var stanje_trenutno = trenutneRazmere.item(0).getElementsByTagName("razmere").item(0).text.toLowerCase();
        var stopinje_trenutno = trenutneRazmere.item(0).getElementsByTagName("temperatura").item(0).text + ' °C';
        var vlaznost_trenutno = trenutneRazmere.item(0).getElementsByTagName("vlaznost").item(0).text + ' %';
        var veter_smer_trenutno = trenutneRazmere.item(0).getElementsByTagName("veter_smer").item(0).text.toLowerCase();      
        var veter_hitrost_trenutno = trenutneRazmere.item(0).getElementsByTagName("veter_hitrost").item(0).text + ' km/h';
        var slika_trenutno = trenutneRazmere.item(0).getElementsByTagName("slika").item(0).text;
        
		trenutne_razmere_vrednost_temperatura.setText(stopinje_trenutno);
        trenutne_razmere_vrednost_veter_smer.setText(trenutne_razmere_vrednost_veter_smer);
        trenutne_razmere_vrednost_vlaznost.setText(vlaznost_trenutno)
        trenutne_razmere_vrednost_veter_hitrost.setText(veter_hitrost_trenutno);
        trenutne_razmere_vrednost_veter_smer.setText(veter_smer_trenutno);
		trenutne_razmere_slika.setImage(slika_trenutno);
        
        //napoved 1
        var dan1 = xml.getElementsByTagName("dan").item(0).getAttribute("dan_v_tednu");
		var min_stopinje1 = xml.getElementsByTagName("dan").item(0).getElementsByTagName("najnizja_temperatura").item(0).text + ' °C';
		var max_stopinje1 = xml.getElementsByTagName("dan").item(0).getElementsByTagName("najvisja_temperatura").item(0).text + ' °C';
		var slika1 = xml.getElementsByTagName("dan").item(0).getElementsByTagName("slika").item(0).text;

		napoved1_vrednost_dan1.setText(dan1);
		napoved1_vrednost_min_temperatura.setText(min_stopinje1);
		napoved1_vrednost_max_temperatura.setText(max_stopinje1);
		napoved1_slika.setImage(slika1);
		
		//napoved 2
        var dan2 = xml.getElementsByTagName("dan").item(1).getAttribute("dan_v_tednu");
		var min_stopinje2 = xml.getElementsByTagName("dan").item(1).getElementsByTagName("najnizja_temperatura").item(0).text + ' °C';
		var max_stopinje2 = xml.getElementsByTagName("dan").item(1).getElementsByTagName("najvisja_temperatura").item(0).text + ' °C';
		var slika2 = xml.getElementsByTagName("dan").item(1).getElementsByTagName("slika").item(0).text;
		
		napoved2_vrednost_dan1.setText(dan2);
		napoved2_vrednost_min_temperatura.setText(min_stopinje2);
		napoved2_vrednost_max_temperatura.setText(max_stopinje2);
		napoved2_slika.setImage(slika2);
        
        //napoved 3
        var dan3 = xml.getElementsByTagName("dan").item(2).getAttribute("dan_v_tednu");
		var min_stopinje3 = xml.getElementsByTagName("dan").item(2).getElementsByTagName("najnizja_temperatura").item(0).text + ' °C';
		var max_stopinje3 = xml.getElementsByTagName("dan").item(2).getElementsByTagName("najvisja_temperatura").item(0).text + ' °C';
		var slika3 = xml.getElementsByTagName("dan").item(2).getElementsByTagName("slika").item(0).text;
		
		napoved3_vrednost_dan1.setText(dan3);
		napoved3_vrednost_min_temperatura.setText(min_stopinje3);
		napoved3_vrednost_max_temperatura.setText(max_stopinje3);
		napoved3_slika.setImage(slika3);
		
		var vsebuje = false;
		
		
        
        if(!contains(vnesenaMesta, vnos_mesta.value.toLowerCase())) {
        	vnesenaMesta[vnesenaMesta.length] = vnos_mesta.value.toLowerCase();
        	izbira_vnesenih_mest.add(Ti.UI.createPickerRow({title:vnos_mesta.value.toLowerCase()}));
        	Ti.App.Properties.setList('vnesenaMesta',vnesenaMesta);
        }
        
        
        
    },
    onerror: function(e) {
        // this function is called when an error occurs, including a timeout
        Ti.API.debug(e.error);
        alert('Vnešeno mesto ne obstaja!');
    },
	onreadystatechange: function(e) {
		Ti.API.debug(xhr.readyState);
	},
    timeout:5000  /* in milliseconds */
});

function contains(a, obj) {
    var i = a.length;
    while (i--) {
       if (a[i] === obj) {
           return true;
       }
    }
    return false;
}







win.add(napis1);
win.add(napis2);
win.add(vnos_mesta);
win.add(napisStopinje);
win.add(gumb_poisci_podatke);
win.add(izbira_vnesenih_mest);






